{extends file="../home.html"}
{block name="title"}{$head_title}{/block}
{block name="css"}
<link rel="stylesheet" type="text/css" href="/Public/Css/front/front_css/my_wallet.css">
<style type="text/css">
	body{
		background-color: #f3f3f3;
	}
</style>
{/block}
{block name="content"}
<div class="title">
	
	<div class="return_icon"></div>
	<p><strong>余额充值</strong></p>
</div>
<form method="post">
	<div class="money_num">
		<p>充值金额</p>
		<div class="input_num">
			<input type="number" placeholder="请输入充值金额" style="height:1.1rem;font-size: 0.8rem;color: #B4B4B4;position:absolute;"></input>
		</div>
	</div>

	<div class="choose_pay">
		<div class="title">选择支付方式</div>
		<div class="pay">
			<i class="icon_pay zhifubao"></i>
			<p>支付宝支付</p>
			<span class="paymethod"><input type="radio"   name="pay_method" value="zhifubao" class="radioclass"></span>
		</div>
		<div class="pay">
			<i class="icon_pay weixin"></i>
			<p>微信支付</p>
			<span class="paymethod"><input type="radio"  name="pay_method" value="weixin" class="radioclass"></span>
		</div>
	</div>

	<input type="submit" class="confirm" value="确认充值">

</form>
{/block}
{block name="js"}
{literal}
<script type="text/javascript">
	$(".pay").on("click",function(){
  		$(this).children('span').addClass("on");
  		 $(this).children('span').children("input").prop("checked",true);
  		// $(this).parents("div").siblings("div").children("input").attr("checked","false");
  		$(this).siblings("div").children("span").removeClass("on");
  		
  		var val_payPlatform = $('.choose_pay input[name="pay_method"]:checked ').val();
  		console.log(val_payPlatform);
	})


	$('.return_icon').on('click',function(){
		window.location.href ='/Index/my_wallet'
	});


</script>
{/literal}
{/block}